@charset "iso-8859-1";
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuraci�n predeterminada de los diversos navegadores */
    padding: 0;
    text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineaci�n a la izquierda en el selector #container */
    color: #000000;
}

/* Sugerencias para dise�os el�sticos 
1. Dado que el tama�o global de los dise�os el�sticos se basa en el tama�o de fuente predeterminado del usuario, resultan algo m�s impredecibles. Si se utilizan correctamente, tambi�n son m�s accesibles para aquellas personas que necesitan tama�os de fuentes m�s grandes, dado que la longitud de l�nea mantiene la proporcionalidad.
2. La asignaci�n de tama�o a los divs en este dise�o se basa en el 100% del tama�o de fuente en el elemento body. Si reduce el tama�o global del texto empleando font-size: 80% en el elemento body o el #container, recuerde que todo el dise�o reducir� su tama�o proporcionalmente. Es posible que le interese aumentar los anchos de los diversos divs para compensar este efecto.
3. Si la asignaci�n de tama�o de fuente se modifica de forma distinta en cada div en lugar de hacerse en el dise�o global (es decir: a #sidebar1 se le asigna un 70% de tama�o de fuente y a #mainContent se le asigna un 85% de tama�o de fuente), ello har� que se modifique proporcionalmente el tama�o global de cada uno de los div. Si lo desea, puede realizar el ajuste bas�ndose en la asignaci�n de tama�o de fuente final.
*/
.oneColElsCtrHdr #container {
    /*width: 46em;  /* este ancho crear� un contenedor que cabr� en una ventana de navegador 800px si el texto se deja con los tama�os de fuente predeterminados del navegador */
    /*width: 80em;*/
    background: #FFFFFF;
    margin: 0 auto; /* los m�rgenes autom�ticos (conjuntamente con un ancho) centran la p�gina */
    border: 1px solid #000000;
    text-align: left; /* esto anula text-align: center en el elemento body. */
}
.oneColElsCtrHdr #header { 
    background: #DDDDDD;
    padding: 0 0px 0 0px;  /* este relleno coincide con la alineaci�n izquierda de los elementos de los divs que aparecen bajo �l. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
} 
.oneColElsCtrHdr #header h1 {
    margin: 0; /* el ajuste en cero del margen del �ltimo elemento del div de #header evita la contracci�n del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que tambi�n evita la contracci�n del margen */
    padding: 10px 0; /* el uso de relleno en lugar de margen le permitir� mantener el elemento alejado de los bordes del div */
}

.oneColElsCtrHdr #menu { 
    background: #DDDDDD;
    padding: 0 0px 0 0px;  /* este relleno coincide con la alineaci�n izquierda de los elementos de los divs que aparecen bajo �l. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
} 
.oneColElsCtrHdr #menu h4 {
    margin: 0; /* el ajuste en cero del margen del �ltimo elemento del div de #header evita la contracci�n del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que tambi�n evita la contracci�n del margen */
    padding: 10px 0; /* el uso de relleno en lugar de margen le permitir� mantener el elemento alejado de los bordes del div */
}
.oneColElsCtrHdr #mainContent {
    padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    background: #FFFFFF;
}
.oneColElsCtrHdr #footer { 
    padding: 0 10px; /* este relleno coincide con la alineaci�n izquierda de los elementos de los divs que aparecen por encima de �l. */
    background:#DDDDDD;
} 
.oneColElsCtrHdr #footer p {
    margin: 0; /* el ajuste en cero de los m�rgenes del primer elemento del pie evitar� que puedan contraerse los m�rgenes (un espacio entre divs) */
    padding: 10px 0; /* el relleno de este elemento crear� espacio, de la misma forma que lo har�a el margen, sin el problema de la contracci�n de m�rgenes */
}